<template>
    <!-- 车间工序扫描 -->
    <div class="main-container" id="main-container">
        <div style="background: #fff; height: 100%"  id="workshopCancelStocks">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane title="车间工序扫描列表" key="1">
                   <div style="height: 100%;">
                       <farmScanList /> 
                    </div>
                </a-tab-pane>    
                <a-tab-pane title="车间工序扫描" key="2">    
                     <div style="height: 100%;">  
                       <farmScan />    
                     </div>    
                </a-tab-pane>  
          </a-tabs> 
        </div>
    </div>    
</template>

<script lang="ts">
  import emitter from '@/hooks/useEventBus'
   export default {
      name:'workshopProcessScan',
      setup() { 
        const tabsChange = (e:string | number) => {
            emitter.emit('window-change'); 
            if(e === '1'){
                emitter.emit('refresh-farmScanList') 
            }else if(e === '2'){
                emitter.emit('refresh-farmScan') 
            }
        }
        return {
            tabsChange
        }
    },
   }
</script>
 
<style scoped>
.main-container {
  height: 100%;
}
.arco-drawer-title{
   width: inherit;
}
.arco-drawer-body .arco-scrollbar-track-direction-horizontal{
    display: none;
}
.arco-drawer-body .arco-table-container .arco-scrollbar-track-direction-horizontal{
    display: block;
}
:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}
</style>